﻿

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta  content="e-mail=no" name="format-detection"/>
    <title>信用卡中心</title>
    <script src="__STATIC__/index/js/jquery_2.js"></script>
    <script src="__STATIC__/index/js/jquery.lazyload_1.js"></script>
    <script type="text/javascript" src="__STATIC__/index/js/agent_1.js"></script>
    <link rel="stylesheet" href="__STATIC__/index/css/swiper.min_2.css">
    <link rel="stylesheet" href="__STATIC__/index/css/main_4.css">
    <link rel="stylesheet" href="__STATIC__/index/css/loanmkt_2.css">
   
</head>
<body class="bglightgray">
    <div class="loan_tab">
        <ul>
            <li><a href="{:url('Index/index')}">首页</a></li>
            <li><a href="{:url('DaiKuan/index')}">贷款</a></li>
            <li class="on"><a href="javascript:;">办卡</a></li>
        </ul>
    </div>
    <div class="cards_frame">
       
        
        <div class="common_frame auto_recommend">
            <h1><span>智能推荐</span></h1>
            {volist name="list" id="vo"}

                <div class="recommend_main cards_recommend" data-id="18">
                    <a href="{$vo['url']}">
                        <h2>{$vo['title']}</h2>
                        <div class="recommend_detail">
                            <span class="card_img"><img src="__STATIC__/uploads/{$vo.img}" /></span>
                            <div class="card_desc">
                                <p>{$vo['subtitle']}</p>

                            </div>
                            <div class="apply_no">
                                <p><span>{$vo['number']}</span>人</p>
                                <p>已申请</p>
                            </div>
                          
                        </div>
                    </a>
                </div>
              {/volist}
        </div>

    </div>    
<script type="text/javascript" src=__STATIC__/index/js/swiper.min_2.js></script>
<script type="text/javascript">
    $(document).ready(function(){
        var fr_T=($("div.loan_tab").height())+5+"px";
        $("div.cards_frame").css("margin-top",fr_T);
        //下拉加载更多
        var hot_mainH=($("div.hot_main").outerHeight())*10+"px";
        $("div.hotC_list").css("height",hot_mainH);

        var range = 0;             //距下边界长度/单位px
        var maxnum = 20;            //设置加载最多次数  
        var num = 1;  
        var totalheight = 0;                    //主体元素  
        $(window).scroll(function(){  
            var srollPos = $(window).scrollTop();    //滚动条距顶部距离(页面超出窗口的高度)
            //console.log("滚动条到顶部的垂直高度: "+$(document).scrollTop());  
            //console.log("页面的文档高度 ："+$(document).height());  
            //console.log('浏览器的高度：'+$(window).height());
            totalheight = parseFloat($(window).height()) + parseFloat(srollPos);  
            if(($(document).height()-range) <= totalheight) {  
                if($(".no_hotcards").css("display")!="block"){
                    $(".more_hotcards").show();
                    var t=setTimeout(function(){
                        var list_H=$("div.hotC_list").outerHeight();
                        var total_height=$("div.hot_main").length*$("div.hot_main").outerHeight();
                        var revise_H=list_H+($("div.hot_main").outerHeight()*5);
                        $(".more_hotcards").hide();

                        $("div.hotC_list").css("height",'auto');
                        $(".no_hotcards").show();            
                    },1000);
                    num++;
                }
            }  
        });
    })

</script>
<script>;</script></body>
</html>